<template>
  <div class="home">首页内容</div>
</template>

<script>

export default {
  name: 'home',
  data () {
    return {}
  },
  methods: {
    // 跳转到首页
    gohome () {
      this.$router.push('/dataList')
    },
    // 角色跳转
    goLink (item) {
      this.$router.push(item.path)
      this.$store.commit('SET_SUB_TITLE', item.title)
    }
  }
}
</script>
<style lang="less" scoped>
// 应用变量文件，以便修改颜色
@import '~style/less_vars.less';

.content {
  padding: 10% 20%;
  .title {
    font-size: 38px;
    margin-bottom: 10px;
  }
  .subTitle {
    color: @text-color;
    font-size: 20px;
    margin-bottom: 60px;
  }
  .entrance {
    .tipBox {
      display: flex;
      font-size: 16px;
      .tipName {
        flex: 1;
      }
      .tipBtn {
        color: @default-color;
        cursor: pointer;
        .iconfont {
          padding-left: 5px;
        }
      }
    }
    .listBox {
      margin-top: 15px;
      .item-card {
        margin-bottom: 20px;
        height: 251px;
        .titleIcon {
          font-size: 42px;
          display: block;
          text-align: center;
          padding: 10px 0;
        }
        .itemTitle {
          font-size: 22px;
          color: @default-color;
          padding-bottom: 25px;
          text-align: center;
        }
        .descBox {
          line-height: 1.5;
          margin-bottom: 10px;
          span {
            color: @text-color;
            padding-left: 5px;
          }
        }
      }
    }
  }
}

// 覆盖第三方样式
/deep/.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
</style>
